/**
 * base
 */

.alert {
  border-left: 6px solid var(--ifm-alert-color) !important;
  border-top: 0px none !important;
  border-right: 0px none !important;
  border-bottom: 0px none !important;
  border-radius: 0;
  font-weight: 500;
}

.alert > i.feather {
  float: left;
  font-size: 2em !important;
  margin-left: -1.65em;
  position: relative;
  top: -2px;
}

.alert a,
.alert code {
  color: inherit;
}

.alert.alert--icon {
  padding-left: 5em;
}

.alert > *:last-child,
.alert > ul:last-child > li:last-child {
  margin-bottom: 0;
}

.alert.alert--rounded {
  border-radius: var(--ifm-global-radius);
}

.alert.alert--danger {
  --ifm-alert-background-color: var(--ifm-panel-background-color);
  --ifm-alert-color: var(--ifm-color-danger);
  box-shadow: var(--ifm-panel-box-shadow);
  color: var(--ifm-content-color);
}

.alert.alert--info {
  --ifm-alert-background-color: var(--ifm-panel-background-color);
  --ifm-alert-color: var(--ifm-color-info);
  box-shadow: var(--ifm-panel-box-shadow);
  color: var(--ifm-content-color);
}

.alert.alert--success {
  --ifm-alert-background-color: var(--ifm-panel-background-color);
  --ifm-alert-color: var(--ifm-color-success);
  box-shadow: var(--ifm-panel-box-shadow);
  color: var(--ifm-content-color);
}

.alert.alert--warning {
  --ifm-alert-background-color: var(--ifm-panel-background-color);
  --ifm-alert-color: var(--ifm-color-warning);
  box-shadow: var(--ifm-panel-box-shadow);
  color: var(--ifm-content-color);
}


/**
 * fill
 */

.alert.alert--fill {
  box-shadow: none;
  color: var(--ifm-alert-color);
}

.alert.alert--fill.alert--danger {
  --ifm-alert-background-color: rgba( var(--ifm-color-danger-rgb), 0.15 );
}

.alert.alert--fill.alert--info {
  --ifm-alert-background-color: rgba( var(--ifm-color-info-rgb), 0.15 );
}

.alert.alert--fill.alert--success {
  --ifm-alert-background-color: rgba( var(--ifm-color-success-rgb), 0.15 );
}

.alert.alert--fill.alert--warning {
  --ifm-alert-background-color: rgba( var(--ifm-color-warning-rgb), 0.15 );
}
